import {designPage, onMounted} from "@peryl/react-compose";
import {Button, i18n, PageCard, PageCardContent} from "plain-design";
import {usePageService} from "../../modules/micro/usePageService";
import {useSketchColors} from "./useSketchColors";
import {microApp} from "../../microApp";

export default designPage(() => {

  const { sketchColorsColors } = useSketchColors();

  const { nav, isFirstPage, pageParam } = usePageService();

  const close = () => {isFirstPage ? nav.closeTab() : nav.back();};

  const { message, closable, path, query } = pageParam || {};

  onMounted(() => {
    if (!!path) {
      microApp.route.history.push(path, query);
    }
  });

  return () => {

    const {
      bg1, bg2, bg3, bg4, bg5, bg6, bg7,
      color1,
      color2,
      color3,
      color4,
      color5,
      color6,
    } = sketchColorsColors.value;

    return (
      <PageCard full className="page-core page-core-result">
        <PageCardContent full>
          <div className="page-core-content">
            <div className="page-core-content-result">
              <svg node-id="1" template-height="2766" template-width="3167" version="1.1" viewBox="0 0 3167 2766" width="3167" xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink">
                <defs node-id="97">
                  <linearGradient gradientUnits="userSpaceOnUse" id="paint0_linear_7_595" node-id="27" spreadMethod="pad" x1="2369.24" x2="2369.24" y1="569.904" y2="294.139">
                    <stop offset="0" stopColor={bg1} stopOpacity="0.1"/>
                    <stop offset="0.14" stopColor={bg2} stopOpacity="0.27"/>
                    <stop offset="0.37" stopColor={bg3} stopOpacity="0.52"/>
                    <stop offset="0.58" stopColor={bg4} stopOpacity="0.73"/>
                    <stop offset="0.76" stopColor={bg5} stopOpacity="0.88"/>
                    <stop offset="0.91" stopColor={bg6} stopOpacity="0.97"/>
                    <stop offset="1" stopColor={bg7}/>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" id="paint1_linear_7_595" node-id="35" spreadMethod="pad" x1="106.216" x2="536.994" y1="1162.78" y2="599.34">
                    <stop offset="0" stopColor={bg1} stopOpacity="0.1"/>
                    <stop offset="0.09" stopColor={bg2} stopOpacity="0.13"/>
                    <stop offset="0.23" stopColor={bg3} stopOpacity="0.21"/>
                    <stop offset="0.4" stopColor={bg4} stopOpacity="0.33"/>
                    <stop offset="0.59" stopColor={bg5} stopOpacity="0.51"/>
                    <stop offset="0.79" stopColor={bg6} stopOpacity="0.74"/>
                    <stop offset="1" stopColor={bg7}/>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" id="paint2_linear_7_595" node-id="43" spreadMethod="pad" x1="2456.5" x2="2929" y1="727.121" y2="109.121">
                    <stop offset="0" stopColor={bg1} stopOpacity="0.1"/>
                    <stop offset="0.09" stopColor={bg2} stopOpacity="0.13"/>
                    <stop offset="0.23" stopColor={bg3} stopOpacity="0.21"/>
                    <stop offset="0.4" stopColor={bg4} stopOpacity="0.33"/>
                    <stop offset="0.59" stopColor={bg5} stopOpacity="0.51"/>
                    <stop offset="0.79" stopColor={bg6} stopOpacity="0.74"/>
                    <stop offset="1" stopColor={bg7}/>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" id="paint3_linear_7_595" node-id="51" spreadMethod="pad" x1="1692.27" x2="1737.27" y1="2795.62" y2="1537.62">
                    <stop offset="0.2597" stopColor={bg1}/>
                    <stop offset="1" stopColor={color6}/>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" id="paint4_linear_7_595" node-id="54" spreadMethod="pad" x1="2791.93" x2="2635.5" y1="2055.17" y2="2057.63">
                    <stop offset="0" stopColor={color1}/>
                    <stop offset="1" stopColor={bg1}/>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" id="paint5_linear_7_595" node-id="57" spreadMethod="pad" x1="3079.86" x2="2923.43" y1="2199.14" y2="2201.6">
                    <stop offset="0" stopColor={color1}/>
                    <stop offset="1" stopColor={bg1}/>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" id="paint6_linear_7_595" node-id="60" spreadMethod="pad" x1="529.695" x2="309.949" y1="2240.08" y2="2243.5">
                    <stop offset="0" stopColor={color1}/>
                    <stop offset="1" stopColor={bg1}/>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" id="paint7_linear_7_595" node-id="63" spreadMethod="pad" x1="1549" x2="2331.51" y1="1944.11" y2="2769.62">
                    <stop offset="0" stopColor={color6} stopOpacity="0.21"/>
                    <stop offset="0.9749" stopColor={bg1} stopOpacity="0.3"/>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" id="paint8_linear_7_595" node-id="66" spreadMethod="pad" x1="1189.44" x2="798.994" y1="360.358" y2="106.471">
                    <stop offset="0" stopColor={color6}/>
                    <stop offset="1" stopColor={bg7}/>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" id="paint9_linear_7_595" node-id="69" spreadMethod="pad" x1="1559" x2="637.626" y1="476.621" y2="404.209">
                    <stop offset="0" stopColor={color6}/>
                    <stop offset="1" stopColor="#e4efff"/>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" id="paint10_linear_7_595" node-id="72" spreadMethod="pad" x1="1067" x2="1298" y1="508.621" y2="687.121">
                    <stop offset="0" stopColor="#f3f8ff"/>
                    <stop offset="1" stopColor={color6}/>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" id="paint11_linear_7_595" node-id="75" spreadMethod="pad" x1="1667.06" x2="1667.06" y1="2226.47" y2="411.113">
                    <stop offset="0" stopColor="#f3f8ff" stopOpacity="0.13"/>
                    <stop offset="1" stopColor={color6}/>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" id="paint12_linear_7_595" node-id="78" spreadMethod="pad" x1="1624.5" x2="1660.5" y1="1573.12" y2="1622.12">
                    <stop offset="0" stopColor={bg7}/>
                    <stop offset="1" stopColor={color6}/>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" id="paint13_linear_7_595" node-id="81" spreadMethod="pad" x1="1180" x2="1269" y1="1482.62" y2="1776.62">
                    <stop offset="0" stopColor="#e4efff"/>
                    <stop offset="1" stopColor={color6}/>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" id="paint14_linear_7_595" node-id="84" spreadMethod="pad" x1="1556" x2="1956.5" y1="1276.12" y2="1999.12">
                    <stop offset="0" stopColor={bg7}/>
                    <stop offset="1" stopColor={color6}/>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" id="paint15_linear_7_595" node-id="87" spreadMethod="pad" x1="1248" x2="1385" y1="1616.12" y2="2223.12">
                    <stop offset="0" stopColor="#e4efff"/>
                    <stop offset="1" stopColor={color6}/>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" id="paint16_linear_7_595" node-id="90" spreadMethod="pad" x1="967" x2="1384.5" y1="1691.12" y2="2100.62">
                    <stop offset="0" stopColor={bg7}/>
                    <stop offset="1" stopColor={color6}/>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" id="paint17_linear_7_595" node-id="93" spreadMethod="pad" x1="1744.5" x2="2160.5" y1="1294.12" y2="1646.62">
                    <stop offset="0" stopColor="#f3f8ff"/>
                    <stop offset="1" stopColor={color6}/>
                  </linearGradient>
                </defs>
                <path d="M 2557.74 398.85 C 2537.69 367.37 2503.74 347.84 2466.81 346.50 C 2445.31 313.22 2408.45 293.47 2369.21 294.14 C 2337.80 293.84 2307.54 306.36 2285.29 328.94 C 2275.12 325.67 2264.50 323.95 2253.84 323.95 C 2204.42 323.95 2163.62 358.61 2159.41 402.47 C 2121.73 411.56 2094.60 444.92 2093.00 484.15 C 2093.00 531.41 2135.71 569.90 2187.43 569.90 L 2550.10 569.90 C 2602.57 569.90 2644.53 531.41 2644.53 484.15 C 2645.35 439.25 2606.56 402.36 2557.74 398.85 Z" fill="url(#paint0_linear_7_595)" fillRule="nonzero" node-id="238" stroke="none" target-height="276.43698" target-width="552.3501" target-x="2093" target-y="293.467"/>
                <path d="M 651.91 741.12 L 590.69 741.12 C 590.69 618.48 491.28 519.12 368.75 519.12 C 246.14 519.12 146.81 618.48 146.81 741.12 L 102.09 741.12 C 45.64 741.12 0.00 790.80 0.00 852.12 C 0.00 913.44 45.73 963.12 102.09 963.12 L 651.91 963.12 C 708.27 963.12 754.00 913.44 754.00 852.12 C 754.00 790.80 708.27 741.12 651.91 741.12 Z" fill="url(#paint1_linear_7_595)" fillRule="nonzero" node-id="240" stroke="none" target-height="444" target-width="754" target-x="0" target-y="519.121"/>
                <path d="M 3055.02 264.62 L 2987.89 264.62 C 2987.89 130.06 2878.86 21.12 2744.47 21.12 C 2610.07 21.12 2501.04 130.06 2501.04 264.62 L 2451.97 264.62 C 2390.09 264.62 2340.00 319.09 2340.00 386.37 C 2340.00 453.53 2390.09 508.12 2451.97 508.12 L 3055.02 508.12 C 3116.91 508.12 3167.00 453.53 3167.00 386.37 C 3167.00 319.09 3116.91 264.62 3055.02 264.62 Z" fill="url(#paint2_linear_7_595)" fillRule="nonzero" node-id="242" stroke="none" target-height="486.9995" target-width="827" target-x="2340" target-y="21.1215"/>
                <path d="M 1522.45 1938.16 C 1964.28 1938.16 2362.13 1974.22 2640.28 2031.74 C 2912.30 2033.61 3131.28 2115.02 3131.28 2215.29 C 3131.28 2294.76 2993.71 2362.43 2801.23 2387.98 C 2755.31 2401.51 2703.55 2414.33 2646.76 2426.28 C 2648.27 2433.84 2648.99 2441.54 2648.99 2449.24 C 2648.99 2624.16 2268.70 2765.97 1799.58 2765.97 C 1377.55 2765.97 1027.35 2651.15 961.34 2500.78 C 398.21 2458.02 0.00 2352.78 0.00 2229.69 C 0.00 2068.66 681.61 1938.16 1522.45 1938.16 Z" fill="url(#paint3_linear_7_595)" fillOpacity="0.68" fillRule="evenodd" node-id="244" stroke="none" target-height="827.80994" target-width="3131.28" target-x="0" target-y="1938.16"/>
                <path
                  d="M 2809.58 1834.29 L 2811.81 1841.84 L 2813.69 1848.97 L 2814.55 1854.73 L 2812.82 1866.53 L 2807.78 1876.76 L 2800.01 1885.03 L 2790.22 1890.72 L 2781.72 1891.15 L 2773.59 1891.58 L 2765.02 1891.58 L 2694.91 1892.52 L 2694.91 1966.74 L 2695.56 1999.85 L 2697.14 2029.86 L 2699.38 2060.53 L 2634.59 2060.53 L 2635.96 2043.18 L 2636.82 2015.40 L 2637.33 1968.53 L 2637.33 1900.51 L 2629.12 1905.55 L 2620.19 1907.21 L 2612.92 1906.27 L 2606.95 1903.61 L 2601.84 1899.43 L 2597.73 1893.82 L 2546.84 1891.15 L 2533.24 1885.68 L 2522.15 1876.25 L 2516.61 1868.26 L 2513.37 1859.41 L 2512.22 1849.40 L 2512.65 1844.51 L 2514.02 1840.04 L 2525.25 1814.27 L 2527.12 1804.77 L 2530.86 1796.06 L 2536.26 1788.14 L 2542.81 1781.38 L 2613.43 1652.02 L 2613.86 1652.02 L 2623.36 1637.41 L 2634.16 1625.32 L 2642.51 1619.27 L 2652.44 1615.53 L 2664.25 1614.23 L 2679.72 1616.39 L 2693.33 1622.66 L 2704.49 1632.44 L 2712.40 1644.90 L 2769.13 1754.67 L 2778.70 1759.14 L 2787.05 1765.33 L 2794.32 1773.39 L 2799.79 1782.67 L 2803.10 1792.82 L 2804.18 1804.05 L 2801.95 1819.17 L 2809.58 1834.29 Z"
                  fill="url(#paint4_linear_7_595)" fillRule="nonzero" node-id="246" stroke="none" target-height="446.30005" target-width="302.33008" target-x="2512.22" target-y="1614.23"/>
                <path
                  d="M 3097.52 1978.25 L 3099.75 1985.81 L 3101.62 1992.94 L 3102.48 1998.70 L 3100.75 2010.50 L 3095.72 2020.72 L 3087.94 2029.00 L 3078.15 2034.69 L 3069.66 2035.12 L 3061.52 2035.55 L 3052.96 2035.55 L 2982.85 2036.49 L 2982.85 2110.70 L 2983.49 2143.81 L 2985.08 2173.83 L 2987.31 2204.50 L 2922.52 2204.50 L 2923.89 2187.15 L 2924.76 2159.36 L 2925.26 2112.50 L 2925.26 2044.48 L 2917.05 2049.52 L 2908.13 2051.17 L 2900.86 2050.24 L 2894.88 2047.57 L 2889.77 2043.40 L 2885.67 2037.78 L 2834.78 2035.12 L 2821.17 2029.65 L 2810.09 2020.22 L 2804.54 2012.23 L 2801.30 2003.37 L 2800.15 1993.37 L 2800.58 1988.47 L 2801.95 1984.01 L 2813.18 1958.24 L 2815.05 1948.74 L 2818.80 1940.03 L 2824.19 1932.11 L 2830.75 1925.35 L 2901.36 1795.99 L 2901.79 1795.99 L 2911.29 1781.38 L 2922.09 1769.29 L 2930.44 1763.24 L 2940.38 1759.50 L 2952.18 1758.20 L 2967.66 1760.36 L 2981.26 1766.62 L 2992.42 1776.41 L 3000.34 1788.86 L 3057.06 1898.64 L 3066.63 1903.10 L 3074.98 1909.29 L 3082.26 1917.35 L 3087.73 1926.64 L 3091.04 1936.79 L 3092.12 1948.02 L 3089.89 1963.14 L 3097.52 1978.25 Z"
                  fill="url(#paint5_linear_7_595)" fillRule="nonzero" node-id="248" stroke="none" target-height="446.30005" target-width="302.33008" target-x="2800.15" target-y="1758.2"/>
                <path
                  d="M 554.49 1926.57 L 557.65 1937.29 L 560.17 1947.37 L 561.47 1955.58 L 560.39 1967.02 L 557.22 1977.39 L 551.97 1986.82 L 541.10 1998.55 L 527.35 2006.69 L 515.33 2007.33 L 503.96 2007.91 L 491.93 2007.91 L 393.39 2009.21 L 393.39 2114.59 L 394.32 2161.59 L 396.48 2204.14 L 399.65 2247.69 L 308.67 2247.69 L 310.54 2223.07 L 311.83 2183.62 L 312.48 2117.11 L 312.48 2020.58 L 304.85 2025.91 L 296.93 2029.00 L 288.44 2030.01 L 278.29 2028.71 L 269.79 2024.97 L 262.67 2019.07 L 256.84 2011.08 L 185.43 2007.33 L 172.26 2002.65 L 160.74 1995.67 L 150.66 1986.17 L 142.96 1974.80 L 138.35 1962.20 L 136.77 1948.02 L 137.42 1941.04 L 139.29 1934.77 L 155.12 1898.14 L 157.72 1884.75 L 162.97 1872.29 L 170.53 1861.06 L 179.74 1851.49 L 278.94 1667.86 L 279.58 1667.86 L 292.90 1647.13 L 308.02 1630.00 L 319.82 1621.36 L 333.71 1616.10 L 350.42 1614.23 L 365.17 1615.60 L 378.70 1619.56 L 391.16 1626.25 L 402.17 1635.11 L 411.10 1645.55 L 418.01 1657.78 L 497.62 1813.63 L 511.08 1819.89 L 522.82 1828.67 L 533.04 1840.12 L 540.74 1853.29 L 545.35 1867.69 L 546.93 1883.67 L 546.21 1893.82 L 543.76 1905.12 L 554.49 1926.57 Z"
                  fill="url(#paint6_linear_7_595)" fillRule="nonzero" node-id="250" stroke="none" target-height="633.45996" target-width="424.701" target-x="136.769" target-y="1614.23"/>
                <path d="M 1144.00 2224.62 L 2025.00 2715.62 L 2963.50 2133.62 L 2025.00 1916.62 L 1144.00 2224.62 Z" fill="url(#paint7_linear_7_595)" fillOpacity="0.68" fillRule="nonzero" node-id="252" stroke="none" target-height="799.0001" target-width="1819.5" target-x="1144" target-y="1916.62"/>
                <path d="M 865.24 32.68 L 898.10 20.73 L 991.28 225.63 L 925.55 249.53 L 865.24 32.68 Z" fill={color6} fillRule="nonzero" node-id="254" stroke="none" target-height="228.80649" target-width="126.047" target-x="865.235" target-y="20.7275"/>
                <path
                  d="M 827.73 205.56 L 1037.93 129.04 L 1051.16 124.99 L 1064.21 122.39 L 1077.19 121.11 L 1090.13 121.15 L 1107.28 123.16 L 1123.69 127.25 L 1139.55 133.47 L 1154.51 141.62 L 1168.22 151.56 L 1180.75 163.41 L 1189.13 173.31 L 1196.47 184.06 L 1202.87 195.76 L 1208.28 208.44 L 1296.45 450.70 L 1300.48 463.94 L 1303.11 476.99 L 1304.39 489.97 L 1304.31 502.87 L 1302.30 520.05 L 1298.21 536.47 L 1292.00 552.33 L 1283.84 567.28 L 1273.90 580.95 L 1262.06 593.53 L 1252.19 601.90 L 1241.44 609.25 L 1229.74 615.65 L 1217.02 621.06 L 1006.78 697.57 L 993.59 701.59 L 980.53 704.22 L 967.56 705.50 L 954.62 705.43 L 937.47 703.42 L 921.02 699.32 L 905.19 693.11 L 890.24 684.96 L 876.53 675.01 L 863.96 663.17 L 855.62 653.30 L 848.24 642.55 L 841.88 630.85 L 836.47 618.13 L 748.29 375.87 L 744.27 362.68 L 741.64 349.59 L 740.36 336.65 L 740.39 323.71 L 742.41 306.56 L 746.54 290.11 L 752.72 274.25 L 760.87 259.33 L 770.85 245.62 L 782.69 233.05 L 792.56 224.71 L 803.31 217.33 L 815.01 210.97 L 827.73 205.56 Z"
                  fill="url(#paint8_linear_7_595)" fillRule="nonzero" node-id="256" stroke="none" target-height="584.391" target-width="564.031" target-x="740.359" target-y="121.111"/>
                <path
                  d="M 1553.59 312.41 L 1557.65 327.11 L 1559.48 342.31 L 1559.11 358.18 L 1556.37 374.89 L 1551.80 390.93 L 1545.18 407.60 L 1536.34 425.04 L 1525.04 443.32 L 1512.80 460.32 L 1498.58 477.72 L 1482.20 495.63 L 1463.52 514.06 L 1437.67 536.90 L 1408.50 560.01 L 1375.75 583.33 L 1342.00 605.08 L 1305.41 626.47 L 1265.75 647.45 L 1225.35 666.79 L 1182.62 685.21 L 1137.47 702.65 L 1091.70 718.33 L 1047.14 731.68 L 1003.71 742.83 L 959.88 752.22 L 918.10 759.39 L 878.25 764.39 L 838.18 767.58 L 800.97 768.63 L 766.50 767.76 L 740.32 765.64 L 716.27 762.46 L 694.19 758.25 L 673.90 753.10 L 653.50 746.37 L 635.51 738.70 L 619.72 730.18 L 605.90 720.82 L 593.07 709.78 L 582.58 697.86 L 574.25 685.03 L 567.89 671.18 L 563.83 656.48 L 562.00 641.27 L 562.37 625.44 L 565.11 608.70 L 569.68 592.65 L 576.29 575.98 L 585.14 558.54 L 596.44 540.27 L 608.68 523.30 L 622.90 505.87 L 639.28 487.95 L 657.96 469.53 L 683.81 446.68 L 712.98 423.58 L 745.73 400.26 L 779.47 378.50 L 816.07 357.16 L 855.73 336.14 L 896.13 316.80 L 938.86 298.37 L 984.01 280.94 L 1029.78 265.29 L 1074.34 251.91 L 1117.77 240.76 L 1161.60 231.37 L 1203.38 224.24 L 1243.23 219.19 L 1283.29 216.01 L 1320.51 214.95 L 1354.98 215.87 L 1381.16 217.95 L 1405.21 221.13 L 1427.29 225.33 L 1447.58 230.49 L 1467.98 237.22 L 1485.96 244.89 L 1501.76 253.41 L 1515.57 262.77 L 1528.41 273.81 L 1538.90 285.73 L 1547.23 298.56 L 1553.59 312.41 Z"
                  fill={color2} fillRule="nonzero" node-id="258" stroke="none" target-height="553.683" target-width="997.48" target-x="562" target-y="214.952"/>
                <path
                  d="M 1553.59 339.35 L 1557.65 354.05 L 1559.48 369.22 L 1559.11 385.08 L 1556.37 401.79 L 1551.80 417.84 L 1545.18 434.55 L 1536.34 451.98 L 1525.04 470.26 L 1512.80 487.22 L 1498.58 504.66 L 1482.20 522.57 L 1463.52 541.00 L 1437.67 563.85 L 1408.50 586.91 L 1375.75 610.27 L 1342.00 632.02 L 1305.41 653.37 L 1265.75 674.36 L 1225.35 693.73 L 1182.62 712.16 L 1137.47 729.59 L 1091.70 745.24 L 1047.14 758.58 L 1003.71 769.73 L 959.88 779.16 L 918.10 786.29 L 878.25 791.34 L 838.18 794.52 L 800.97 795.58 L 766.50 794.66 L 740.32 792.58 L 716.27 789.40 L 694.19 785.20 L 673.90 780.04 L 653.50 773.31 L 635.51 765.64 L 619.72 757.08 L 605.90 747.76 L 593.07 736.72 L 582.58 724.80 L 574.25 711.97 L 567.89 698.12 L 563.83 683.42 L 562.00 668.22 L 562.37 652.35 L 565.11 635.64 L 569.68 619.60 L 576.29 602.89 L 585.14 585.45 L 596.44 567.17 L 608.68 550.21 L 622.90 532.81 L 639.28 514.90 L 657.96 496.47 L 683.81 473.62 L 712.98 450.52 L 745.73 427.20 L 779.47 405.45 L 816.07 384.06 L 855.73 363.08 L 896.13 343.74 L 938.86 325.32 L 984.01 307.88 L 1029.78 292.19 L 1074.34 278.85 L 1117.77 267.70 L 1161.60 258.31 L 1203.38 251.14 L 1243.23 246.10 L 1283.29 242.92 L 1320.51 241.89 L 1354.98 242.77 L 1381.16 244.85 L 1405.21 248.07 L 1427.29 252.28 L 1447.58 257.39 L 1467.98 264.16 L 1485.96 271.83 L 1501.76 280.35 L 1515.57 289.71 L 1528.41 300.75 L 1538.90 312.67 L 1547.23 325.50 L 1553.59 339.35 Z"
                  fill="url(#paint9_linear_7_595)" fillRule="nonzero" node-id="260" stroke="none" target-height="553.68304" target-width="997.48" target-x="562" target-y="241.894"/>
                <path
                  d="M 1362.84 428.66 L 1364.93 437.40 L 1365.25 446.65 L 1363.65 456.59 L 1359.88 467.48 L 1352.86 481.01 L 1342.55 495.67 L 1328.44 511.72 L 1313.05 526.41 L 1294.59 541.80 L 1272.73 557.81 L 1250.14 572.62 L 1224.99 587.46 L 1197.02 602.34 L 1168.54 616.01 L 1138.06 629.14 L 1105.52 641.75 L 1072.47 653.01 L 1040.71 662.55 L 1010.07 670.37 L 979.11 676.95 L 950.30 681.78 L 923.47 684.96 L 896.42 686.71 L 872.40 686.82 L 851.16 685.43 L 830.03 682.22 L 812.70 677.57 L 798.63 671.76 L 788.76 665.84 L 781.16 659.22 L 775.42 651.95 L 771.43 643.94 L 769.35 635.20 L 769.02 625.96 L 770.63 616.01 L 774.36 605.12 L 781.41 591.59 L 791.72 576.93 L 805.83 560.88 L 821.22 546.15 L 839.68 530.80 L 861.51 514.79 L 884.13 499.98 L 909.29 485.14 L 937.25 470.26 L 965.73 456.59 L 996.22 443.47 L 1028.75 430.85 L 1061.80 419.59 L 1093.57 410.05 L 1124.20 402.23 L 1155.16 395.65 L 1183.97 390.82 L 1210.80 387.64 L 1237.85 385.89 L 1261.87 385.78 L 1283.11 387.17 L 1304.24 390.39 L 1321.57 394.99 L 1335.64 400.84 L 1345.51 406.76 L 1353.12 413.38 L 1358.82 420.62 L 1362.84 428.66 Z"
                  fill="url(#paint10_linear_7_595)" fillRule="nonzero" node-id="262" stroke="none" target-height="301.04202" target-width="596.231" target-x="769.019" target-y="385.78"/>
                <path d="M 765.03 626.36 L 1356.44 411.11 L 2569.09 1890.44 L 830.47 2226.47 L 765.03 626.36 Z" fill="url(#paint11_linear_7_595)" fillOpacity="0.5" fillRule="nonzero" node-id="264" stroke="none" target-height="1815.3569" target-width="1804.0562" target-x="765.034" target-y="411.113"/>
                <path d="M 905.30 18.10 L 906.95 25.19 L 906.73 32.06 L 904.90 38.53 L 901.54 44.20 L 896.86 48.80 L 890.86 52.02 L 884.21 53.41 L 877.66 52.90 L 871.45 50.70 L 865.89 46.90 L 861.32 41.78 L 858.00 35.31 L 856.39 28.22 L 856.57 21.39 L 858.44 14.88 L 861.76 9.21 L 866.44 4.61 L 872.44 1.39 L 879.09 0.00 L 885.63 0.51 L 891.85 2.71 L 897.44 6.51 L 901.98 11.62 L 905.30 18.10 Z" fill={color6} fillRule="nonzero" node-id="266" stroke="none" target-height="53.4089" target-width="50.557007" target-x="856.389" target-y="0"/>
                <path d="M 1914.44 1339.57 L 1361.27 1445.33 L 1447.51 1710.73 L 1990.30 1601.98 L 1914.44 1339.57 Z" fill="url(#paint12_linear_7_595)" fillRule="nonzero" node-id="268" stroke="none" target-height="371.16003" target-width="629.03" target-x="1361.27" target-y="1339.57"/>
                <path d="M 966.53 1670.52 L 1360.94 1446.68 L 1457.89 1744.84 L 1063.26 1968.12 L 966.53 1670.52 Z" fill="url(#paint13_linear_7_595)" fillRule="nonzero" node-id="270" stroke="none" target-height="521.43994" target-width="491.35602" target-x="966.534" target-y="1446.68"/>
                <path d="M 1496.09 1619.70 L 1912.58 1354.63 L 2092.87 1909.56 L 1676.39 2174.63 L 1496.09 1619.70 Z" fill="url(#paint14_linear_7_595)" fillOpacity="0.98" fillRule="nonzero" node-id="272" stroke="none" target-height="819.9999" target-width="596.78015" target-x="1496.09" target-y="1354.63"/>
                <path d="M 976.29 1676.55 L 1501.61 1615.76 L 1680.04 2174.63 L 1153.92 2223.21 L 976.29 1676.55 Z" fill="url(#paint15_linear_7_595)" fillRule="nonzero" node-id="274" stroke="none" target-height="607.44995" target-width="703.74603" target-x="976.294" target-y="1615.76"/>
                <path d="M 1502.60 1616.78 L 966.02 1672.09 L 923.80 1905.06 L 1473.50 1861.12 L 1502.60 1616.78 Z" fill="url(#paint16_linear_7_595)" fillRule="nonzero" node-id="276" stroke="none" target-height="288.28003" target-width="578.80096" target-x="923.799" target-y="1616.78"/>
                <path d="M 1502.60 1616.78 L 1915.36 1343.63 L 2094.44 1501.81 L 1706.62 1786.62 L 1502.60 1616.78 Z" fill="url(#paint17_linear_7_595)" fillRule="nonzero" node-id="278" stroke="none" target-height="442.99" target-width="591.83997" target-x="1502.6" target-y="1343.63"/>
                <path d="M 1098.61 921.37 L 1114.84 860.72 L 1135.02 866.13 L 1143.39 834.84 L 1123.25 829.43 L 1163.54 679.11 L 1130.34 670.19 L 1090.06 820.54 L 1043.70 808.12 L 1038.73 806.03 L 1035.37 803.00 L 1033.50 799.52 L 1032.77 796.20 L 1033.14 792.87 L 1035.95 785.63 L 1091.12 659.70 L 1058.25 650.89 L 997.83 787.50 L 995.67 793.71 L 994.32 800.73 L 994.24 806.73 L 995.23 811.81 L 999.00 820.44 L 1003.93 826.91 L 1010.15 831.62 L 1017.86 834.73 L 1081.69 851.84 L 1065.42 912.49 L 1098.61 921.37 Z" fill={color6} fillRule="nonzero" node-id="280" stroke="none" target-height="270.48096" target-width="169.29706" target-x="994.243" target-y="650.887"/>
                <path d="M 1320.47 1522.50 L 1297.70 1437.58 L 1325.96 1430.01 L 1314.22 1386.26 L 1286.00 1393.82 L 1229.59 1183.33 L 1183.13 1195.76 L 1239.54 1406.25 L 1174.61 1423.65 L 1167.12 1424.57 L 1160.94 1423.25 L 1156.22 1420.36 L 1153.04 1416.82 L 1151.18 1412.54 L 1149.46 1401.79 L 1128.22 1210.49 L 1082.23 1222.81 L 1104.57 1430.74 L 1106.29 1439.81 L 1109.62 1449.24 L 1113.67 1456.55 L 1118.46 1462.04 L 1126.91 1468.58 L 1135.35 1472.86 L 1143.83 1475.12 L 1152.64 1475.53 L 1161.93 1473.99 L 1251.27 1450.05 L 1274.01 1534.93 L 1320.47 1522.50 Z" fill={color6} fillRule="nonzero" node-id="282" stroke="none" target-height="351.6001" target-width="243.72998" target-x="1082.23" target-y="1183.33"/>
                <path
                  d="M 1364.82 1089.20 L 1373.04 1090.26 L 1383.75 1089.38 L 1392.74 1087.11 L 1400.17 1083.75 L 1407.51 1078.30 L 1413.87 1070.88 L 1419.32 1061.09 L 1423.74 1048.40 L 1473.72 861.89 L 1475.65 851.40 L 1475.76 841.27 L 1474.12 831.33 L 1470.65 821.46 L 1466.77 814.73 L 1461.54 808.77 L 1454.74 803.58 L 1446.23 799.16 L 1435.55 795.50 L 1360.10 775.29 L 1350.45 773.72 L 1341.13 774.12 L 1331.91 776.50 L 1322.63 780.99 L 1314.40 787.28 L 1307.53 795.14 L 1301.97 804.79 L 1297.77 816.60 L 1248.02 1002.34 L 1245.82 1014.29 L 1245.90 1024.90 L 1247.94 1034.47 L 1251.97 1043.21 L 1258.29 1051.76 L 1266.04 1058.71 L 1275.29 1064.16 L 1286.33 1068.14 L 1364.82 1089.20 Z M 1359.62 1047.56 L 1303.25 1032.46 L 1296.27 1029.65 L 1291.74 1025.88 L 1289.11 1021.13 L 1288.23 1015.06 L 1289.40 1007.13 L 1338.02 825.74 L 1339.66 821.75 L 1342.19 818.53 L 1345.73 815.98 L 1349.46 814.66 L 1353.85 814.40 L 1359.19 815.28 L 1421.29 831.91 L 1427.25 834.36 L 1431.09 837.65 L 1433.36 841.89 L 1434.09 847.38 L 1432.96 854.65 L 1385.25 1032.79 L 1382.76 1039.99 L 1380.06 1044.53 L 1377.28 1047.20 L 1373.37 1048.73 L 1367.70 1049.02 L 1359.62 1047.56 Z"
                  fill={color6} fillRule="nonzero" node-id="284" stroke="none" target-height="316.54303" target-width="229.94006" target-x="1245.82" target-y="773.717"/>
              </svg>
              <span className="core-page-title">404</span>
              <span className="core-page-message">{!!message ? i18n.$it(message).d(message) : i18n.$it('base.error404').d('页面不存在或者页面已经失效')}</span>
              {closable !== false && <Button label={isFirstPage ? i18n.$it('base.close').d('关闭') : i18n.$it('base.back').d('返回')} mode="fill" onClick={close}/>}
            </div>
          </div>
        </PageCardContent>
      </PageCard>
    );
  };
});
